<template>
	<view class="order">
		
		<u-navbar back-text="申请售后" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
	
		<view style="width: 100%;margin: auto;background-color: white;">
			<view style="width: 92%;margin: auto;display: flex;align-items: center;padding: 20rpx 0rpx;">
				<view style=" width: 108rpx;">
					<image style="width: 108rpx;height: 108rpx;" mode="aspectFill" :src="details.orderImage"></image>
				</view>
				<view style="width: 70%;">
					<view style="font-size: 26rpx;color: #666666;margin-left: 15rpx;">{{details.orderName}}</view>
					<view style="font-size: 26rpx;color: #979797;margin-left: 15rpx;">
					{{details.province}}{{details.city}}{{details.region}}{{details.address}}	
					</view>
					
				</view>
			</view>
			
		</view>
		<view style="width: 93%;margin:24rpx auto;background-color: white;border-radius: 16rpx;">
			<view @tap="jump('/pageageA/newservice/service_fw?orderId='+orderId)" style="width: 92%;padding: 50rpx 0rpx; margin: auto;display: flex;align-items: center;justify-content: space-between;">
				<view style="display: flex;">
					<view style="padding-top: 10rpx;"><image style="width: 30rpx;height: 30rpx;" src="../../static/footer/footer2_2.png" mode=""></image> </view>
				<view style="margin-left: 10rpx;">
					<view style="font-size: 36rpx;color: #666666;">申请平台售后服务</view>
					<view style="color:#979797 ;font-size: 26rpx;margin-top: 10rpx;">我对服务不满意，要求退款</view>
				</view>
				</view>
				<view>
					<u-icon name="arrow-right" color="#666666" size="28"></u-icon>
				</view>
			</view>
		</view>
		<view @tap="jump('/pageageA/newservice/service_lp?orderId='+orderId)" style="width: 93%;margin: auto;background-color: white;border-radius: 16rpx;">
			<view style="width: 92%;padding: 50rpx 0rpx; margin: auto;display: flex;align-items: center;justify-content: space-between;">
				<view style="display: flex;">
					<view style="padding-top: 10rpx;"><image style="width: 30rpx;height: 30rpx;" src="../../static/footer/footer2_2.png" mode=""></image> </view>
				<view style="margin-left: 10rpx;">
					<view style="font-size: 36rpx;color: #666666;">申请保险理赔</view>
					<view style="color:#979797 ;font-size: 26rpx;margin-top: 10rpx;">我对服务不满意，要求保险理赔</view>
				</view>
				</view>
				<view>
					<u-icon name="arrow-right" color="#666666" size="28"></u-icon>
				</view>
			</view>
		</view>
			
		
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId:'',
				details:'',
			};
		},
		onLoad(option) {
			this.orderId = option.orderId
			this.orderDetail(this.orderId )
		},
		methods: {
			//订单详情
			orderDetail(id) {
				let _this = this;
				let opts = {
					way: true, //true JSON请求；false 表单请求
					method: 'post',
					url: 'unit-orders/orderDetail'
				};
				let data = {
					orderId: id
				};
				_this.http.httpTokenRequest(opts, data).then(res => {
					_this.details = res.data;
					
					
				});
			},
			//跳转
			jump(url){
				uni.navigateTo({
					url:url
				})
			},
		}
	};
</script>

<style >
	page{
		background-color: #fafafa;
	}
</style>
